/**
* @author feiwen
*/
(function ($) {
    $.fn.marquee = function (settings) {
        settings = jQuery.extend({
            speed: "normal",
            line: 2,
            timer: 1000
        }, settings);
        return this.each(function () {
            $.fn.marquee.scllor($(this), settings);
        });
    };
    $.fn.marquee.scllor = function ($this, settings) {
        //alert($this.html());
        var ul = $("ul:eq(0)", $this);
        var timerID;
        var li = ul.children();
        var _btnUp = $(".up:eq(0)", $this)
        var _btnDown = $(".down:eq(0)", $this)
        var liHight = $(li[0]).height();
        var upHeight = 0 - settings.line * liHight; //滚动的高度；
        var scrollUp = function () {
            _btnUp.unbind("click", scrollUp);
            ul.animate({ marginTop: upHeight }, settings.speed, function () {
                for (i = 0; i < settings.line; i++) {
                    //$(li[i]).appendTo(ul);
                    ul.find("li:first").appendTo(ul);
                    // alert(ul.html());
                }
                ul.css({ marginTop: 0 });
                _btnUp.bind("click", scrollUp); //Shawphy:绑定向上按钮的点击事件
            });
        };
        var scrollDown = function () {
            _btnDown.unbind("click", scrollDown);
            ul.css({ marginTop: upHeight });
            for (i = 0; i < settings.line; i++) {
                ul.find("li:last").prependTo(ul);
            }
            ul.animate({ marginTop: 0 }, settings.speed, function () {
                _btnDown.bind("click", scrollDown); //Shawphy:绑定向上按钮的点击事件
            });
        };
        var autoPlay = function () {
            timerID = window.setInterval(scrollUp, settings.timer);
            //alert(settings.timer);
        };
        var autoStop = function () {
            window.clearInterval(timerID);
        };
        //事件绑定
        ul.hover(autoStop, autoPlay).mouseout();
        _btnUp.css("cursor", "pointer").click(scrollUp);
        _btnUp.hover(autoStop, autoPlay);
        _btnDown.css("cursor", "pointer").click(scrollDown);
        _btnDown.hover(autoStop, autoPlay)
    };
})(jQuery);
